<ion-header>
  <ion-toolbar>
    <ion-title size="large">
      <div class="title-content">
        <div class="title_item title_item1">
          <ion-icon name="chevron-back-outline" (click)="routerBack()" [hidden]="!showBackBtn"></ion-icon>
        </div>
        <div class="title_item title_item2">{{title}}</div>
        <div class="title_item title_item3">
          <div class="right-btn" [hidden]="!rightBtnProperties.showRightBtn" (click)="rightBtnClickEvent()">
            <div *ngIf="rightBtnProperties.isIonicIcon" class="right-icon-btn">
              <ion-icon name="{{rightBtnProperties.rightBtnText}}"></ion-icon>
            </div>
            <div *ngIf="!rightBtnProperties.isIonicIcon" class="right-icon-text">
              {{rightBtnProperties.rightBtnText}}
            </div>
          </div>
        </div>
      </div>
    </ion-title>
  </ion-toolbar>
</ion-header>